<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /**
         * 
         * 
         * **/ 
        /**
         * 创建阶段
         * beforeCreate
         *  无法访问data,computed,methods
         * created
         * 可以访问data,computed,methods
         * 尚未挂载到DOM,$el 属性不可用
         * **/  

        /**
         * 
         * 挂载阶段
         * 
         * beforeMount--挂载开始之前调用，即将首次执行DOM操作
         * 
         * mounted
         * 可以访问操作Dom，避免在 created 钩子中操作 DOM：
         * **/ 

        /**
         * 更新阶段
         * beforeUpdate 数据更新之前调用
         * 
         * updated 组件DOM更新
         * **/ 

        /**
         *  销毁阶段
         * beforeDestroy
         * 适合做清理工作  取消定时器，监听事件等
         * destroyed 
         * **/

        /**
         *  activated 被keep-alive 激活调用
         *  deactivated 被keep-alive 停用调用
         * **/ 

        /*
        errorCaptured
        */ 


        /**
         * created 和 mounted的 区别
         * 
         * created 可以访问data,methods，computed,但DOM节点没生成
         * mounted 挂载完成,建议页面改动在created里面执行，在mounted里面可能会导致页面闪动
         * **/  

        const vm = new Vue() 
        console.log('vm',vm);
        
    </script>
</body>
</html>